View{
  box-sizing: border-box;
}
.body{
  width: 100vw;
  min-height: 100vh;
  background:#F5F5F5;
  padding-bottom: 40px;
  .head{
    width: 100%;
    background: #FEFCEB;
    padding:12px 24px;
    display: flex;
    align-items: center;
    .head-icon{
      display: block;
      width: 34px;
      height: 34px;
      margin-right: 12px;
    }
    .head-text{
      color: #FF7026;
      font-size: 24px;
    }
  }
  .list{
    width: 100%;
   .detail{
     background: #ffffff;
     margin-bottom: 20px;
     padding:24px;
     .detail-head{
      width: 100%;
      color: #333333;
      font-size: 32px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 12px;
      font-weight: bold;
      .detail-head-title{
        width: 90%;
        word-wrap: break-word;
      }
      .detail-head-quantity{
        min-width: 10%;
      }
     }
     .detail-main{
       width: 100%;
      margin-bottom: 10px;
      color: #666666;
      font-size: 24px;
      .detail-main-text{
        color: #333333;
        word-break: break-word;
      }
     }
   }
  }
  .bottom{
    width: 100%;
    font-size: 24rpx;
    font-weight: 500;
    color: #999999;
    padding: 20rpx 0 20rpx;
    text-align: center;
    text-indent: -24rpx;
  }
}

